<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css.css">
    <title>简历</title>
</head>

<body>
    <div class="header">
        <div class="header_box">
            <p>简历</p>
            <div class="hello">
                <p>大家好，我是李明</p>
            </div>
            <div class="hope">
                <p>希望大家更了解我</p>
            </div>
        </div>
    </div>
    <div class="skill">
        <div class="img"><img src="down.png" alt=""></div>
        <div class="skill_box">
            <p class="stitle">我的技能</p>
            <ul>
                <li><a href="">Html</a>
                    <div class="left"></div>
                    <div class="right "></div>
                </li>
                <li><a href="">Lllustrate</a>
                    <div class="left bl"></div>
                    <div class="right br"></div>
                </li>
                <li><a href="">Css</a>
                    <div class="left cl"></div>
                    <div class="right cr"></div>
                </li>
                <li><a href="">Print</a>
                    <div class="left dl"></div>
                    <div class="right dr"></div>
                </li>
                <li><a href="">Js</a>
                    <div class="left el"></div>
                    <div class="right er"></div>
                </li>
                <li><a href="">Photoshop</a>
                    <div class="left fl"></div>
                    <div class="right fr"></div>
                </li>
                <li><a href="">Php</a>
                    <div class="left gl"></div>
                    <div class="right gr"></div>
                </li>
                <li><a href="">Media</a>
                    <div class="left hl"></div>
                    <div class="right hr"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="opus">
        <div class="opus_box">
            <p class="otitle">作品</p>
            <ul>
                <li><img src="01.jpg" alt=""></li>
                <li><img src="02.jpg" alt=""></li>
                <li><img src="03.jpg" alt=""></li>
                <li><img src="04.jpg" alt=""></li>
                <li><img src="02.jpg" alt=""></li>
                <li><img src="01.jpg" alt=""></li>
                <li><img src="05.jpg" alt=""></li>
                <li><img src="01.jpg" alt=""></li>
            </ul>
        </div>
    </div>
    <div class="contact">
        <div class="contact_box">
            <p class="ctitle">联系我</p>
            <div class="card">
                <p class="name">李明</p>
                <p class="number">123456789</p>
                <p class="email">liming@123.com</p>
                <img src="img-sprite.png" alt="">

            </div>
            <div class="btn_box">
                <textarea class="cname" cols="53" rows="-10">name</textarea>
                <textarea class="cinformation" cols="56" rows="5">信息</textarea>
                <textarea class="cemail" cols="53" rows="-10">Email</textarea>
                <textarea class="csubject" cols="53" rows="-10">Subject</textarea>
                <button>提交</button>
            </div>

        </div>
    </div>

</body>

</html>